<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>三维巷道</title>
<meta name="viewport"  content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<link href="${ctxStatic}/cesium/javascripts/Cesium/Widgets/widgets.css" rel="stylesheet" />
<link rel='stylesheet' href='${ctxStatic}/cesium/stylesheets/style.css' />
<script src="${ctxStatic}/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/cesium/javascripts/Cesium/Cesium.js"></script>
</head>
<body>
	<div id="cesiumContainer"></div>
	<div id="toolbar">
		<table>
			<tbody>
				<tr>
					<td>距起始点距离:</td>
					<td id="dis"></td>
				</tr>
			</tbody>
		</table>
	</div>
</body>
<script src="${ctxStatic}/cesium/javascripts/index.js"></script>
<script type="text/javascript">
//构建巷道模型
var length= "${roadway.length}";
for(var j = 0; j < length; j++ ){
    addModel(viewer,116.39131703682953+j*0.00255 ,39.907379990947426,50,"第"+(2*j)+"-"+(2*j+2)+"米");
}
//构建探测洞模型
<c:forEach items="${holes}"  var="hole">
if("${hole.direction}" == "top"){
	addHandHole(null,"${hole.displacement}","${hole.position}","top","${hole.id}","${hole.name}");
}else if("${hole.direction}" == "left"){
	addHandHole("${hole.displacement}",null,"${hole.position}","left","${hole.id}","${hole.name}");
}else if("${hole.direction}" == "right"){
	addHandHole("${hole.displacement}",null,"${hole.position}","right","${hole.id}","${hole.name}");
}
</c:forEach>
</script>
</html>